<template>
  <div class="page d-flex flex-column a-center j-center">
      <svg-icon icon-class="sucesss-icon" class="success-icon m-t50"></svg-icon>
      <h2>恭喜您,完成预备项目的添加!</h2>
      <div class="d-flex a-center m-b50">
          <svg-icon icon-class="time-icon" class="time-icon"></svg-icon>
          <span class="tip m-l5">投资方案审批中...</span>
      </div>
  </div>
    <div class="buttons-wrap d-flex j-center m-t20">
        <el-button
                color="#FC7018"
                style="color: #FFFFFF"
                @click="nextStep"
        >完成</el-button>
    </div>
</template>

<script setup>
/**
 * 下一步
 */
const emits = defineEmits(['nextStep']);
const nextStep = () => {
    emits('nextStep','successPage');
}

</script>

<style lang="scss" scoped>
.page{
  width: 100%;
  height: 100%;

  .success-icon{
    width: 50px;
    height: 50px;
  }
  .time-icon{
    width: 22px;
    height: 22px;
  }
  .tip{
    font-size: 14px;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #666666;
  }
}
</style>